<template>
    <div class="outerone">
        <div>
            <img src="https://res.tuwan.com/templet/play/index/images/yuewanlogo3.png" alt="">
            <input type="text"  @click="handelinput()">
            <i class="iconfont icon-search"></i>
        </div>
        <router-view></router-view>
    </div>
</template>
<script>
import '../../assets/iconfont/iconfont.css'
export default {
  methods: {
    handelinput () {
      this.$router.push('/search')
    }
  }

}
</script>
<style lang="scss" scoped>
div{
    background: #fff;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center ;
    position: relative;
    justify-content: space-between  ;
    img{
        height: 30px;
        margin-left: 10px;
    }
    i{
        position: absolute;
        right: 120px;
    }
    input{
        margin-right: 10px;
        width: 130px;
        border-radius: 20px;
        background: #eee;
        outline: none;
        border: none;
        height: 25px;

    }
}
.outerone{
    border-bottom: 1px solid #ccc;
}
</style>
